<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>浮动与同一行的差异</title>
<style type="text/css">
html, body {
    background: #fff;
    color: #333;
}

div {
    background-color: #eee;
	border: 1px solid #bbb;
	padding: 5px;
}

span { float: right; }
</style>

</head>

<body>
<div>
	左侧标题
    <span>右浮动</span>
</div>
</body>
</html>